<template>
  <div id="app">
    <h1>汪涵很帅，我们都很喜欢他</h1>
    <!-- header footer  h5当中有这种标签子组件命名是不要使用这种敏感的单词 -->
    <!-- <header></header> -->
    <header-one></header-one>
    <middle></middle>
    <footer-one></footer-one>
    <!-- <footer></footer> -->

    <!-- 调用组件的写法 -->
    <header-one></header-one>
    <HeaderOne></HeaderOne>

    <!-- <one-two></one-two> -->
    <one-two-three></one-two-three>

    <header-one />
    <HeaderOne />
    <xie-hao></xie-hao>
  </div>
</template>

<script>
// import Header from "./components/Header.vue";
import Middle from "@/components/Middle";
import HeaderOne from "./components/HeaderOne.vue";
import FooterOne from "./components/FooterOne.vue";
// import Footer from "@/components/Footer";
import OneTwo from "@/components/OneTwo";
import XieHao from "./components/XieHao.vue";

// @代替src 绝对路径
export default {
  name: "App",
  // 注册组件
  components: {
    // Header,
    Middle,
    HeaderOne,
    FooterOne,
    // Footer,
    // OneTwo,
    "one-two-three": OneTwo,
    XieHao,
  },
};
</script>

<style>
</style>


/* 
assets中放静态文件
components 组件

javascript 封装函数  哪里使用 哪里调用
模块化开发 组件化 工程化
js模块 具有特定功能js片段 哪里使用哪里调用
组件 具有html css JavaScript 的文件，哪里使用哪里调用 重复使用
vue组件

app.vue 整个项目最外层的组件


main.js 入口文件


vue脚手架中常用的模块化语法  
es6模块化语法
暴露和引入
默认暴露 export default 
分别暴露 export xx
统一暴露 export  {}

引入 import from 


模块化语法有哪些
es6模块化语法  commonjs模块化语法 AMD CMD 


当拿到ui给的原型图（高保真 低保真）
1.拆分组件
拆分组件一定要有规则，按位置拆分
2. 实现静态组件
3. 实现动态组件

组件怎么写
1.写组件
组件命名首字母大写，使用大驼峰命名法  后缀名.vue
2.引入组件
3.注册组件
4.调用组件



template  html vue2当中 template写html一定要有根标签，否则报错,vue3当中不需要写根标签
script js 
style  css
 */



 /* 
 三点：
 1.脚手架启动及配置
 生产环境  dist (css html js)
 开发环境

 webpack 将浏览器不能识别的文件打包解析称为浏览器可以识别的文件

 2.组件（html css js）
 template html 一定要有根标签
 css style 
 js  script
 写组件  （名字 大驼峰命名法  不要使用关键字）
 引入组件  （@符代表的是src (绝对路径)）
 注册组件  components当中进行注册 key:value 
 调用组件   四种单标标签两种（大写 小写加-）  

3.git (分布式版本控制)
工作区
暂存区
版本区
提交到码云（远程代码托管平台：码云 GitHub...）
每个人就可以查看代码

仓库（文件文件夹中有个.git文件）
git add . (将工作区的内容提交到暂存区)
git commit-m '备注' 将暂存区的内容提交到版本区  形成版本
git push -u origin master （首次提交）

当第二次（之后的）提交就不用写 -u 
git push origin master 
git push (简写)




 
 
 
 
  */
